/*
default. articles etc.
*/
body {
  color:#333029;
  background:#FFDB99;
}
/*
links, mobile menu hamburger, the big 404
*/
a, a:visited, label[for="menu-icon"]:hover, h1.four04 {
    color: #4D3608;
}
/*
code, and highlighted words inside small text blocks
*/
code,pre, .small span {
  color: #333029;
}
/*
highlighted boxes
*/
#toc, code, pre, blockquote, kbd, aside, article.list:hover, input[type=checkbox]:checked ~ label, nav#menu-icon, input, textarea, select {
  background: #E0C187;
}
/*
borders around highlighted boxes
*/
blockquote, kbd, aside, pre, .border, input, textarea, select {
  border-color: #BF9D60;
}
/*
horizontal line
*/
hr {
  border-color: #BF9D60;
}
/*
different background for header/footer etc.
*/
header,footer, .small span, input.submit {
  background: #B39359;
}
/* Input styles */
input, textarea, select {
    color: #26241F;
}
/*
input focus border highlight
*/
input:focus,
textarea:focus,
select:focus {
    border-color: #59441B;
}
/* this is the tag count of the tag cloud, coloured to be unobtrusive yet 
 * readable. A medium gray works for most color schemes. */
.tag_cloud li span {
  color:#777;
}

/* DO NOT REMOVE THE BELOW */

/* NON-MOBILE DEVICES (ALSO LAPTOPS) USUALLY START AT THIS BREAKPOINT */
@media screen and (min-width: 768px) {
  nav#menu-icon {
    background: unset;
  }
}
